<template>
	<view class="total">
		<view class="img1">
			<image class="image1" src="https://s2.loli.net/2023/11/30/OJoL2rUeViqNMtB.png" @click="clickImg1"></image>
		</view>
		<view class="img2">
			<image class="image2" src="https://s2.loli.net/2023/11/30/j35uPoqApz2Kg6n.png" @click="clickImg2"></image>
		</view>
	</view>
</template>

<script>
	export default {
		
		data(){
			return {
				img: [
					"https://s2.loli.net/2023/11/30/OJoL2rUeViqNMtB.png",
					"https://s2.loli.net/2023/11/30/j35uPoqApz2Kg6n.png"
				]
			}
		},
		
		methods: {
			clickImg1() {
				uni.previewImage({
					urls: ["https://s2.loli.net/2023/11/30/OJoL2rUeViqNMtB.png", "https://s2.loli.net/2023/11/30/j35uPoqApz2Kg6n.png"], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
					current: ''
				})
			},
			clickImg2() {
				uni.previewImage({
					urls: ["https://s2.loli.net/2023/11/30/OJoL2rUeViqNMtB.png", "https://s2.loli.net/2023/11/30/j35uPoqApz2Kg6n.png"], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
					current: 'https://s2.loli.net/2023/11/30/j35uPoqApz2Kg6n.png'
				})
			},
		}
	}
</script>

<style>
	.total{
		display: flex;
	}
	.img1{
		flex: 1;
	}
	.img2{
		flex: 1;
	}
	.image1{
		width: 185px;
		height: 123px;
	}
	.image2{
		width: 185px;
		height: 123px;
	}
</style>